<!--赛事的比赛 -->
<notempty name="races">
    <volist name="races" id="race">
            <li>
                <div class="match-cover break-cover blue-shadow match-hcover">
                    <div class="match-descr">
                        <h3 class="v-align">
                            <i class="icon martch-icon">
                                <img src="{$race.game.logo}" alt="{$race.game.name}">
                            </i>
                            <span>{$race.match.title}-{$race.title}</span>
                        </h3>
                    </div>
                    <div class="padd-tb10 clear">
                        <div class="corps-name fl">
                            <div class="teem-cover format-cover">
                                <img class="lazy-img" data-src="{$race.team.0.logo}" alt="{$race.team.0.name}">
                            </div>
                            <p class="btn btn-primary">{$race.team.0.name}</p>
                        </div>
                        <div class="corps-auto fl">
                            <a href="{:U('detail?group_id='.$race['id'])}">
                            <div class="corps-middle">
                                <span class="match-circle relative">
                                <div class="match-cir">
                                    <div class="match-pie_left"><div class="match-left"></div></div>
                                    <div class="match-pie_right"><div class="match-right"></div></div>
                                    <div class="match-mask"><span data-per="{:get_percent($race['score'][0],$race['score'][1])}">{$race.score.0}:{$race.score.1}</strong></span></div>
                                </div>
                                </span>
                            </div>
                            </a>
                        </div>
                        <div class="corps-name fl">
                            <div class="teem-cover format-cover">
                                 <img class="lazy-img" data-src="{$race.team.1.logo}" alt="{$race.team.1.name}">
                            </div>
                            <p class="btn btn-primary">{$race.team.1.name}</p>
                        </div>
                    </div>
                    <notempty name="race.list">
                        <div class="match-video-item clear relative">
                            <i class="icon-video fl"></i>
                            <ul class="float-ul">
                                <volist name="race.list" id="video">
                                    <li>
                                        <a href="{:U('detail?race_id='.$video['id'])}" alt="{$video['video_id']}">{$video.round}</a>
                                        <div class="match-trangle"></div>
                                    </li>
                                </volist>
                            </ul>
                            <div class="match-details-box">
                                <volist name="race.list" id="vdtitle">
                                    <div class="match-video-details" >
                                        <p>{$vdtitle.title}</p>
                                    </div>
                                </volist>
                            </div>
                        </div>
                    </notempty>
                </div>
        </li>
    </volist>
</notempty>